<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery操作</title>
		<!-- JavaScerpt:核心语法+DOM（针对页面操作）+BOM（针对浏览器）
		基础函数----事件源之后出现。事件源语法糖种
		html()    作用：增加一个元素，覆盖原有html
		val()     作用：针对input元素，实现修改文本框内容
		text()    作用：生成文本内容
		 
		 -->
		<script src="js/jquery-1.11.1.js"></script>
		<style>
			div{
				width: 200px;
				height: 200px;
				background-color: black;
			}
		</style>
	</head>
	<body>
		<!-- 鼠标点击按钮，然后 -->
		<!-- <button>按钮</button>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium mollitia dicta soluta atque quo nostrum neque alias, cum veritatis error quia expedita laborum. Quisquam aut id recusandae iste et amet.</p>
	    -->
		<div></div>
		<p>文字颜色改变啦</p>
		<button>按钮</button>
		<input type="text" />
		<script>
				 // $("button").click(function(){
					//  // JQ操作DOM--html（）函数使用
					//  $("p").html("<h1>chi</h1>");
				 // });
				 // 练习：div 200*200 背景颜色自定，鼠标划过之后
				 //下面内容修改：<h3>提示，
				 $("div").mouseenter(function(){
					 $("p").css('color','red');
				 });
				 $("button").click(function(){
					 $('input').val("我命由我不由天");
				 });
				 //元素内容操作（3个函数）
				 //属性操作(4个函数)
				 //样式类名操作（4个函数）
				 //元素样式操作（5个函数）
				 //插入和删除操作（7个函数）
				 //元素便利操作（6个函数）
				 //JQ动画操作（7个函数）
				 
		</script>
	</body>
</html>